<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/geren.css" />
		<script src="js/jquery-1.12.4.min.js"></script>
		<script src="js/geren.js" async="async"></script>
	</head>

	<body>
		<div class="topbar">
			<div class="content">
				<h1 class="fl">
					<a href="javascript:void(0);" class="logo" title="音悦Tai">音悦Tai - Logo</a>
				</h1>
				<ul class="menus menuss fl">
					<li class="menu hoverhandler">
						<ul class="dropdownmenu fillet">
							<li>
								<a href="javascript:void(0);">我的MV</a>
							</li>
							<li>
								<a href="javascript:void(0);">我的悦单</a>
							</li>
							<li>
								<a href="javascript:void(0);">我的日志</a>
							</li>
							<li>
								<a href="javascript:void(0);">我的相册</a>
							</li>
							<li>
								<a href="javascript:void(0);">我的饭团</a>
							</li>
							<li>
								<a href="javascript:void(0);">我的悦友</a>
							</li>
							<li>
								<a href="javascript:void(0);" class="fillet">我的展示页</a>
							</li>
						</ul>
					</li>
					<li class="menu">
						<a href="index.html" class="link">首页</a>
					</li>
					<li class="menu" style="margin: 0px 6px;">
						<a href="javascript:void(0);" class="link">MV</a>
					</li>
					<li class="menu hoverhandler" style="margin: 0px 6px;">
						<a href="javascript:void(0);" class="link"><span class="fl">频道</span><b class="fl"></b></a>
						<ul class="dropdownmenu fillet">
							<li>
								<a href="javascript:void(0);">韩流频道</a>
							</li>
							<li>
								<a href="javascript:void(0);" class="fillet">华语频道</a>
							</li>
							<li>
								<a href="javascript:void(0);">欧美频道</a>
							</li>
							<li>
								<a href="javascript:void(0);">日语频道</a>
							</li>
							<li>
								<a href="javascript:void(0);">粉丝聚焦</a>
							</li>
						</ul>
					</li>
					<li class="menu hoverhandler">
						<a href="Vlist.html" class="link"><span class="fl">V榜</span></a>
					</li>
					<li class="menu hoverhandler">
						<a href="javascript:void(0);" class="link"><span class="fl">娱乐</span> </a>
					</li>
					<li class="menu">
						<a href="javascript:void(0);" class="link shopgif">商城</a>
					</li>
					<li class="menu hoverhandler">
						<a href="javascript:void(0);" class="link"><span class="fl">众筹</span></a>
					</li>
					<li class="menu menu_folk hoverhandler">
						<a href="javascript:void(0);" class="link"><span class="fl">民俗文化</span></a>
					</li>
				</ul>
				<ul class="userinfo fr">
					<li class="user notification fr hoverhandler">
						<a href="javascript:void(0);" class="messenger link"><span class="fl username" title="QQ用户">QQ用户</span> <b class="fl"><i class="number hide"></i></b></a>
						<div class="fillet dropdownmenu">
							<div class="userBox">
								<a href="javascript:void(0);" class="imgBox"><img src="img/geren/header56.gif" /></a>
								<a href="javascript:void(0);" class="nameBox">
									<p class="name">QQ用户</p>
								</a>
								<p class="vip" style="margin-right: 4px;">
									<a title="" href="" class="ico_vip_levels"></a><img class="reward" src="img/geren/header56.gif" /><i></i></p>
							</div>
							<ul class="linkList">
								<li>
									<a href="javascript:void(0);" class="decoration"><i></i>个人空间</a>
								</li>
								<li>
									<a href="personal.html" class="settings"><i></i>个人中心</a>
								</li>
								<li>
									<a href="trolley.html" class="orders"><i></i>订单</a>
								</li>
								<li class="liLast">
									<a href="javascript:void(0);" class="identify"><i></i><em class="identifyPro"></em>消息</a>
								</li>
							</ul>
							<a href="javascript:void(0);" class="logout ">退出登录</a>
						</div>
					</li>
				</ul>
				<div class="login fr hide">
					<a href="javascript:void(0);" class="loginBtn J_login">登录</a>
					<a href="javascript:void(0);" class="J_register">注册</a>
				</div>
				<div class="subscription fr">
					<a href="javascript:void(0);" title="订阅" class="subBtn"><span></span></a>
				</div>
				<ul class="uploadMenus upload fr" style="margin-right: 10px;">
					<li class="uploadMenu hoverhandler">
						<a href="javascript:void(0);" title="管理" class="link uploadBtn"><span class="fl uploadMenuBtn"></span><b class="fl"></b></a>
						<ul style="width:92px;" class="dropdownmenu fillet">
							<li>
								<a href="javascript:void(0);">上传视频</a>
							</li>
							<li>
								<a href="javascript:void(0);">视频管理</a>
							</li>
							<li>
								<a href="javascript:void(0);">悦单管理</a>
							</li>
						</ul>
					</li>
				</ul>
				<ul class="menus appBox fr" style="margin: 0px -7px 0px 6px;">
					<li class="menu hoverhandler" style="margin: 0px 6px;">
						<a href="javascript:void(0);" class="link"><span class="fl appIcon"></span><b class="fl"></b></a>
						<ul style="width:106px;" class="dropdownmenu fillet">
							<li>
								<a href="javascript:void(0);">移动客户端</a>
							</li>
							<li>
								<a href="javascript:void(0);">PC客户端</a>
							</li>
							<li>
								<a href="javascript:void(0);">Star明星直播</a>
							</li>
						</ul>
					</li>
				</ul>
				<div class="vip fr" style="margin-right: 4px;">
					<a href="javascript:void(0);" title="vip会员" class="vipBtn"></a>
				</div>
				<div class="search fr">
					<div class="left_park_side"></div>
					<div class="right_park_side"></div>
					<form action="" target="_blank">
						<div class="searchbody ">
							<input type="text" name="keyword" autocomplete="off" placeholder="易烊千玺帅气黑衣自编舞蹈片段">
						</div>
						<button type="submit" class=" log">搜索</button>
					</form>
					<ul class="autocomplete autocompletehide">
						<li class="h39"></li>
						<li class="normal">
							<a href="javascript:void(0)" target="_blank" class="h30 l26 log" title="2017韩团初一位盘点？"><i class="tag r1">1</i><strong>2017韩团初一位盘点？</strong></a>
						</li>
						<li class="normal">
							<a href="javascript:void(0)" target="_blank" class="h30 l26 log" title="周艺轩的写歌小癖好？"><i class="tag r2">2</i><strong>周艺轩的写歌小癖好？</strong></a>
						</li>
						<li class="normal">
							<a href="javascript:void(0)" target="_blank" class="h30 l26 log" title="喜得双胞胎！张杰谢娜恩爱日常大盘点"><i class="tag r3">3</i><strong>喜得双胞胎！张杰谢娜恩爱日常大盘点</strong></a>
						</li>
						<li class="normal">
							<a href="javascript:void(0)" target="_blank" class="h30 l26 log" title="周兴哲撒娇反差萌"><i class="tag  ">4</i><strong>周兴哲撒娇反差萌</strong></a>
						</li>
						<li class="normal">
							<a href="javascript:void(0)" target="_blank" class="h30 l26 log" title="王子自爆恋爱时是控制狂？"><i class="tag  ">5</i><strong>王子自爆恋爱时是控制狂？</strong></a>
						</li>
						<li class="normal">
							<a href="javascript:void(0)" target="_blank" class="h30 l26 log" title="今年吃土也要看的演唱会"><i class="tag  ">6</i><strong>今年吃土也要看的演唱会</strong></a>
						</li>
						<li class="normal">
							<a href="javascript:void(0)" target="_blank" class="h30 l26 log" title="认识的哥哥2017收视率暴涨"><i class="tag  ">7</i><strong>认识的哥哥2017收视率暴涨</strong></a>
						</li>
						<li class="normal">
							<a href="javascript:void(0)" target="_blank" class="h30 l26 log" title="五月天＆HipHopMan合作《盛夏光年》"><i class="tag  ">8</i><strong>五月天＆HipHopMan合作《盛夏光年》</strong></a>
						</li>
						<li class="normal">
							<a href="javascript:void(0)" target="_blank" class="h30 l26 log" title="万人大合唱林宥嘉《说谎》"><i class="tag">9</i><strong>万人大合唱林宥嘉《说谎》</strong></a>
						</li>
						<li class="normal">
							<a href="javascript:void(0)" target="_blank" class="h30 l26 last" title="小太阳林杨弹唱旧时光~"><i class="tag">10</i><strong>小太阳林杨弹唱旧时光~</strong></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="setMain clearfix">
			<div class="setLeft">
				<ul class="setLmax setLborder setTab">
					<li class="clearfix setNavHover">
						<a href="personal.html" class=""><i>个人中心</i></a>
						<ul class="setLmin clearfix">
							<li class="clearfix Icon1_1 Icon1_1Hover">
								<a href="index.html" class=""><em class="setIcon"></em><i>首页</i></a>
							</li>
							<li class="clearfix Icon1_2">
								<a href="javascript:void(0);" class=""><em class="setIcon"></em><i>个人资料</i></a>
							</li>
							<li class="clearfix Icon1_3">
								<a href="javascript:void(0);" class=""><em class="setIcon"></em><i>我的头像</i></a>
							</li>
							<li class="clearfix Icon1_4">
								<a href="javascript:void(0);" class=""><em class="setIcon"></em><i>账户安全</i></a>
							</li>
							<li class="clearfix Icon1_5">
								<a href="javascript:void(0);" class=""><em class="setIcon"></em><i>我的成长记录</i></a>
							</li>
							<li class="clearfix Icon1_6">
								<a href="javascript:void(0);" class=""><em class="setIcon"></em><i>实名认证</i></a>
							</li>
						</ul>
					</li>
					<li class="clearfix setNavHover">
						<a href="javascript:;"><i>视频管理</i></a>
						<ul class="setLmin">
							<li class="clearfix Icon2_1">
								<a href="javascript:void(0);" class=""><em class="setIcon"></em><i>我上传的</i></a>
							</li>
							<li class="clearfix Icon2_2">
								<a href="javascript:void(0);" class=""><em class="setIcon"></em><i>我的悦单</i></a>
							</li>
						</ul>
					</li>
					<li class="clearfix setNavHover hide">
						<a href="javascript:;"><i>钱包</i></a>
						<ul class="setLmin">
							<li class="clearfix Icon3_1">
								<a href="javascript:void(0);" class=""><em class="setIcon"></em><i>提现</i></a>
							</li>
							<li class="clearfix Icon3_2">
								<a href="javascript:;" class=""><em class="setIcon"></em><i>充值</i></a>
							</li>
							<li class="clearfix Icon3_3">
								<a href="javascript:;" class=""><em class="setIcon"></em><i>交易记录</i></a>
							</li>
						</ul>
					</li>
				</ul>
				<ul class="setLmax">
					<li class="clearfix">
						<a id="qzoneUrl" href="" target="_blank" class=""><i>个人空间</i><span class="setIcon"></span></a>
					</li>
					<li class="clearfix">
						<a href="trolley.html" target="_blank"><i>商城订单</i><span class="setIcon"></span></a>
					</li>
					<li class="clearfix">
						<a href="javascript:void(0);" target="_blank"><i>众筹订单</i><span class="setIcon"></span></a>
					</li>
				</ul>
			</div>
			<div class="setRight">
				<div class="setTop clearfix">
					<dl class="clearfix">
						<dt>
					        <a href="javascript:void(0);">
					            <i>修改头像</i>
					            <img src="img/geren/header56.gif">
					        </a>
					    </dt>
						<dd>
							<h3 class="">
					            QQ用户
					        </h3>
							<p>粉币<em>149</em></p>
							<p>尚未开通VIP特权<em></em>
								<a href="javascript:void(0);" class="">立即开通</a>
							</p>
							<p>资料完成度
								<span><i style="width: 80px;"></i></span>
								<em>80%</em>
								<a href="javascript:void(0);" class="">完善资料</a>
							</p>
						</dd>
					</dl>
					<p class="SignBox">
						<button id="SignBtn">签到</button>
						<span>连续签到<i id="continuousDays">2</i>天</span>
						<a href="javascript:void(0);">忘记签到的悦友点这里</a>
					</p>
				</div>
				<div class="setRule">
					<h3 class="clearfix"><span>我的成长值</span><a href="javascript:void(0);" title="等级相关说明" target="_blank" class="">?</a></h3>
					<div class="priBox">
						<p>
							<span>LV2</span>
							<em>
					            <i>149</i>
					            <em>/400</em>
							</em>
						</p>
						<div class="priMain">
							<span style="width: 37.25%"></span>
						</div>
					</div>
					<h3>每日任务</h3>
					<ul class="clearfix">
						<li>
							<span class="setIcon RuleNo"></span>
							<i>观看mv</i>
							<em>未完成</em>
						</li>
						<li>
							<span class="setIcon RuleNo"></span>
							<i>MV推荐</i>
							<em>未完成(APP暂不支持)</em>
						</li>
						<li>
							<span class="setIcon RuleNo"></span>
							<i>分享MV</i>
							<em>未完成</em>
						</li>
						<li>
							<span class="setIcon RuleNo"></span>
							<i>MV评论</i>
							<em>未完成</em>
						</li>

					</ul>
				</div>
				<div class="ad-content"></div>
				<div class="setAccount">
					<h3>账户安全</h3>
					<ul class="clearfix">
						<li>
							<a href="javascript:void(0);" class="clearfix ">
								<span class="setIcon setPassword"></span>
								<p>
									<span>
                   					<b>修改密码</b>
                					</span>
									<i>建议使用复杂组合密码，提高账户安全</i>
								</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);" class="clearfix ">
								<span class="setIcon setPhone"></span>
								<p>
									<span>
					                    <b>绑定手机</b>
					                    <em class="setIcon setAccYes"></em>
					                </span>
									<i>绑定后，可以使用手机登录，找回密码</i>
								</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);" class="clearfix ">
								<span class="setIcon setEmail"></span>
								<p>
									<span>
					                    <b>绑定邮箱</b>
					                    <em class="setIcon setAccYes "></em>
					                 </span>
									<i>绑定后，可以使用邮箱登录，找回密码</i>
								</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div id="geetest-wrap2"></div>
		</div>
		<div class="bottom">
			<p class="link">
				<a href="javascript:void(0);">关于音悦台</a>
				<a href="javascript:void(0);">人才招聘</a>
				<a href="javascript:void(0);">联系我们</a>
				<a href="javascript:void(0);">友情链接</a>
				<a href="javascript:void(0);">版权声明</a>
				<a href="javascript:void(0);" class="last">客服中心</a>
			</p>
			<div class="copyright">Copyright © 2009 - 2017 yinyuetai.com 广播电视节目制作经营 许可证编号(京)字第1891号 |
				<a href="javascript:void(0);">京网文[2014]2037-287号</a> |
				<a href="javascript:void(0);">网络视听许可证0110413号</a><br><span _src="../img/geren/ghs.png" class="ghs"></span>
				<a href="javascript:void(0);">京公网安备11010502014900号</a> | 京ICP证060716号 |京ICP备11024134号-1 | 出版物经营许可证
				<a href="javascript:void(0);">新出发京批字第直160022号</a> | 增值电信业务经营许可证B2-20140501<span _src="../img/geren/biaoshi.gif" alt="" class="biaoshi"></span></div>
		</div>
		<div class="geetest_panel geetest_wind">
			<div class="geetest_panel_ghost"></div>
			<div class="geetest_panel_box geetest_panelshowclick" style="display: block;">
				<div class="geetest_panel_next" style="display: block;">
					<div class="geetest_holder geetest_silver" style="width: 100%;">
						<div class="geetest_widget">
							<div class="geetest_head">
								<div class="geetest_tips">
									<div class="geetest_tip_content" style="font-size: 16px;">请在下图
										<span class="geetest_mark">依次</span>点击：
									</div>
									<div class="geetest_tip_img"></div>
								</div>
							</div>
							<div class="geetest_table_box">
								<div class="geetest_window">
									<div class="geetest_item geetest_big_item" style="width: 95.8%; padding-bottom: 95.8%;">
										<div class="geetest_item_loading">
											<div class="geetest_item_loading_icon"></div>
											<div class="geetest_item_loading_tip">加载中...</div>
										</div>
										<div class="geetest_item_wrap">
											<img class="geetest_item_img" src="img/geren/yanzheng.jpg" style="right: 0px; top: 0px; width: 100%; height: 112%;">
										</div>
									</div>
								</div>
								<div class="geetest_result_tip"></div>
							</div>
							<div class="geetest_panel">
								<div class="geetest_small">
									<a class="geetest_close" href="javascript:;">
										<div class="geetest_close_tip">关闭验证</div>
									</a>
									<a class="geetest_refresh" href="javascript:;">
										<div class="geetest_refresh_tip">刷新验证</div>
									</a>
									<a class="geetest_feedback" href="javascript:;" target="_blank">
										<div class="geetest_feedback_tip">帮助反馈</div>
									</a>
								</div>
								<a class="geetest_commit" href="javascript:;">
									<div class="geetest_commit_tip" style="font-size: 16px;">确认</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>